<div class="toolbar">
	<div class="btn back">
		Voltar aos resultados
	</div>
	<div class="btn cancel">
		Cancelar pedido
	</div>
	<div class="btn prev">
		Anterior
	</div>
	<div class="btn next">
		Próximo
	</div>
</div>
<div class="form">
	{{#pedido}}
	<h2 id="pedido" id_pedido="{{id}}">Pedido {{id}} - </h2>
	<ul id="status_pedido" status_pedido="{{id_status_pedido}}">
		<li id="preparando">Preparando</li>
		<li id="caminho">A Caminho</li>
		<li id="entregue">Entregue</li>
	</ul>
	
	<div class="campo">
		<b>Data/hora</b>
		<br/>
		{{dt_pedido}}
	</div>
	<div class="campo left">
		<b>Prazo estimado de entrega</b>
		<br/>
		{{tempo_entrega}} min
	</div>

	<div class="campo">
		<b>Retirado no restaurante</b>
		<br/>
		{{#retirada}}Sim{{/retirada}}
		{{^retirada}}Não{{/retirada}}
	</div>

	<div class="campo left">
		<b>Forma de pagamento</b>
		<br/>
		{{id_forma_pagamento}}
	</div>

	<div class="campo left">
		<b>Taxa de entrega</b>
		<br/>
		{{taxa_entrega}}
	</div>

	{{/pedido}}
	<hr class="clear"/>
	{{#cliente}}
	<h2>Cliente</h2>
	<div class="campo">
		<b>Nome</b>
		<br/>
		{{cliente}}
	</div>

	<div class="campo left">
		<b>Telefone</b>
		<br/>
		{{telefone}}
	</div>

	<div class="campo">
		<b>Celular</b>
		<br/>
		{{celular}}
	</div>

	<div class="campo">
		<b>Endereço nome: {{nomEndereco}}</b>
		<br/>
		{{logradouro}}, {{numero}}, {{complemento}}
		<br/>
		{{cep}} - {{bairro}}
		<br/>
		{{cidade}}/{{ufe_sg}}
	</div>
{{/cliente}}
	

	<div class="campo">

		<h2>Produtos</h2>
		<table width="100%">
			<thead class="produto-header">
				<tr>
					<th width="15%" style="text-align:center">Quantidade</th>
					<th width="65%">Descrição</th>
					<th width="18%" style="text-align:right">Preço</th>
					<th width="2%"></th>
				</tr>
			</thead>
			{{#produto}}
			<tbody>
				<tr class="produto">
					<td style="text-align:center">{{qtde}}</td>
					<td>{{nome}}</td>
					<td style="text-align:right">R$ {{preco_unitario}}</td>
					<td></td>
				</tr>
				{{#variacoes}}
				<tr class="variacao">
					<td></td><td colspan="2"> {{variacao}}/{{item_variacao}}/{{preco}}</td><td></td>
				</tr>
				{{/variacoes}}
			</tbody>
			{{/produto}}
			<tfoot class="produto-footer">
				{{#pedido}}
				<tr>
					<th></th><th style="text-align:right;">Taxa Entrega</th><th style="text-align:right">R$ {{taxa_entrega}}</th><th></th>
				</tr>
				<tr>
					<th></th><th style="text-align:right;">TOTAL</th><th style="text-align:right">R$ {{preco}}</th><th></th>
				</tr>
				{{/pedido}}
			</tfoot>
		</table>
	</div>
	<br/>
</div>

